<template>
  <div>
   <home-header></home-header>
   <home-swiper :SwiperList="SwiperList" :key="SwiperList.length+'swiper'"></home-swiper>
   <home-help></home-help>
   <home-role></home-role>
   <home-sell></home-sell>
   <home-look :LookList="LookList" :key="LookList.length+'look'"></home-look>
   <home-recommend></home-recommend>
   <home-specific ></home-specific>
   <home-view></home-view>
  </div>
</template>
<script>
import HomeSwiper from "@/pages/tool/home/components/Swiper";
import HomeHelp from "@/pages/tool/home/components/Help";
import HomeRole from "@/pages/tool/home/components/Role";
import HomeSell from "@/pages/tool/home/components/Sell";
import HomeLook from "@/pages/tool/home/components/Look";
import HomeRecommend from "@/pages/tool/home/components/Recommend";
import HomeSpecific from "@/pages/tool/home/components/Specific";
import HomeView from "@/pages/tool/home/components/View";
import HomeHeader from "@/pages/tool/home/components/Header";
import axios from "axios";
export default {
  data(){
    return{
      SwiperList:[],
      LookList:[],
    }
  },
   components: {
    HomeSwiper,
    HomeHelp,
    HomeRole,
    HomeSell,
    HomeLook,
    HomeRecommend,
    HomeSpecific,
    HomeView,
    HomeHeader
  },
  mounted(){
    axios.get("http://81.68.253.206:8081/page/getSwiperData"
    ).then(res=>{
      if(res.data&&res.data.data&&res.data.status)
         this.SwiperList=res.data.data;
    }),
    axios.get("http://81.68.253.206:8081/page/getWorthWatchData"
    ).then(res=>{
      if(res.data&&res.data.data&&res.data.status)
         this.LookList=res.data.data;
    })
    
  }
  
}
</script>
<style lang="scss" scoped>

</style>